<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-touch-fullscreen" content="yes" />
		<meta name="format-detection" content="telephone=no"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="msapplication-tap-highlight" content="no" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width, viewport-fit=cover" />
		<title>启蒙优选-推广收益</title>
		<link rel="stylesheet" href="../css/style.css" />
	</head>
	<body>
		<!-- 推广收益 --> 
		<div class="promotionIndex">
			<div class="promotionBg"></div>
			<div class="content">
				<div class="userBox">
					<img src="../img/head.jpeg" alt="" class="user_head">
					<div class="upgrade">
						<a href="" class="flex alitemCenter flexEnd"><span>去升级</span> <img src="../img/right_jin.png" alt=""></a>
					</div>
					<div class="userInfo">
						<div class="user_top flex juscenter"><b>君</b><span>合伙人</span></div>
						<div class="user_share flex juscenter"><p>邀请码：<i>SGKOGLDJGJ</i></p><img src="../img/copy_1.png" alt=""></div>
					</div>
					<div class="promotion_info flex juscbtween">
						<div class="item">
							<b>￥66666.6</b>
							<div class="flex juscenter"><span>累计收益</span><img src="../img/right_jin.png" alt=""></div>
						</div>
						<div class="item">
							<b>￥66666.6</b>
							<div class="flex juscenter"><span>可提现</span><img src="../img/right_jin.png" alt=""></div>
						</div>
						<div class="item">
							<b>￥66666.6</b>
							<div class="flex juscenter"><span>即将到账</span><img src="../img/right_jin.png" alt=""></div>
						</div>
					</div>
				</div>
				<div class="order_profit">
					<div class="box_top flex juscbtween">
						<h3>订单收益</h3>
						<a href="javascript:;" class="flex alitemCenter">
							<span>订单详情</span>
							<img src="../img/right_2.png" alt="">
						</a>
					</div>
					<div class="order_content">
						<div class="order_check flex juscbtween">
							<div class="btn on">今日</div>
							<div class="btn">昨日</div>
							<div class="btn">本月</div>
							<div class="btn">上月</div>
						</div>
						<div class="order_money flex juscbtween">
							<div class="item">
								<p>推广订单（笔）</p>
								<h3>999</h3>
							</div>
							<div class="item">
								<p>预估收益（元）</p>
								<h3>999</h3>
							</div>
						</div>
					</div>
				</div>
				<div class="promotion_tool">
					<div class="box_top flex juscbtween">
						<h3>推广工具</h3>
					</div>
					<div class="tool_list">
						<a class="tool_item flex juscbtween" href="./my_order.html">
							<div class="left flex alitemCenter">
								<img src="../img/tool/01.png" alt="">
								<span>邀请好友</span>
							</div>
							<div class="right flex alitemCenter">
								<img src="../img/right.png" alt="">
							</div>
						</a>
						<a class="tool_item flex juscbtween" href="">
							<div class="left flex alitemCenter">
								<img src="../img/tool/02.png" alt="">
								<span>我的团队</span>
							</div>
							<div class="right flex alitemCenter">
								<img src="../img/right.png" alt="">
							</div>
						</a>
						<a class="tool_item flex juscbtween" href="">
							<div class="left flex alitemCenter">
								<img src="../img/tool/03.png" alt="">
								<span>今日主推</span>
							</div>
							<div class="right flex alitemCenter">
								<img src="../img/right.png" alt="">
							</div>
						</a>
						<a class="tool_item flex juscbtween" href="">
							<div class="left flex alitemCenter">
								<img src="../img/tool/04.png" alt="">
								<span>成长学院</span>
							</div>
							<div class="right flex alitemCenter">
								<img src="../img/right.png" alt="">
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script rel="stylesheet" src="../js/jquery-2.0.3.min.js"></script>
	<script>
	</script>
</html>
